<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="commons/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>
		<link rel="stylesheet" href="${ctx }/static/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="${ctx }/static/css/app.css"/>
		<link rel="stylesheet" href="${ctx }/static/css/styless.css" />
		<link rel="stylesheet" type="text/css" href="${ctx }/static/css/icons-extra.css" />
		<script type="text/javascript" src="${ctx }/static/js/jquery-2.1.3.min.js" ></script>
		<script type="text/javascript" src="${ctx }/static/js/index.js" ></script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<div class="nav1">
				<a href="yuyuedoctor"><img src="${ctx }/static/img/fanhui.png"/></a>
			</div>
			<div class="nav2">我要预约</div>
			<div class="nav3"></div>
		</header>
		<div class="yuyue">
			<div class="juli"></div>
			<div class="yuyue1">预约医生</div>
			
		</div>
		<div class="main">
			<div class="doctor-bg">
				 <img src="images/cbd.jpg" />
				 <p class="doctor-name"> 范爱文 </p>
				 <div class="doctor-choose"> 
				 	<div class="doctor-fg">
				 	儿科,儿童保健 
					</div>
				 </div>
			</div>
			<!--<div class="fg">
				预约日期
			</div>
			<div class="choose-date">
				<div class="next-week">
					<ul>
						<li class="week-next active"><a href="#">本周</a> </li>
						<li class="week-next"><a href="#">下周</a> </li>
						<li class="week-next"><a href="#">下下周</a> </li>
					</ul>
				</div>
				<div class="time">
			<div id="CalendarMain">
				  <div id="title"><a class="selectBtn selectYear" href="javascript:" onClick="CalendarHandler.CreateSelectYear(CalendarHandler.showYearStart);">2014年</a><a class="selectBtn selectMonth" onClick="CalendarHandler.CreateSelectMonth()">6月</a> </div>
				  <div id="context">
				    <div class="week">
				      <h3> 一 </h3>
				      <h3> 二 </h3>
				      <h3> 三 </h3>
				      <h3> 四 </h3>
				      <h3> 五 </h3>
				      <h3> 六 </h3>
				      <h3> 日 </h3>
				    </div>
				    <div id="center">
				      <div id="centerMain">
				        <div id="selectYearDiv"></div>
				        <div id="centerCalendarMain">
				          <div id="Container"></div>
				        </div>
				        <div id="selectMonthDiv"></div>
				      </div>
				    </div>
				  </div>
				</div>
			</div>
			</div>-->
			<div class="fg">
					医生简介
			</div>
			<div class="doctor-js">
				中山大学医学院儿科硕士<br />
				原中山大学附属第一医院儿科医生<br />
				擅长发热,腹泻,咳嗽,喘息等儿科常见病,感染 性疾病及呼吸系统疾病的诊疗,以及儿童生长发 育,喂养及辅食添加等儿童保健指导
			</div>
		</div>
		<div class="tc">
			 <div class="choose-time">
			 	<div class="choose-time-one">
				 	选择诊所 / 时段
			 	</div>
			 <div style="position:absolute;width:100%;bottom:50px;">
			 		<ul class="mui-table-view ">
							<li class="mui-table-view-cell mui-media menu">
								<a href="javascript:;">
									<img class="mui-media-object mui-pull-left" src="${ctx }/static/img/shuijiao.jpg">
									<div class="mui-media-body">
										广州珠江新城医疗中心
										<span class="am"> 上午 / 下午 </span>
										<p class='mui-ellipsis'> 儿科 </p>
									</div>
								</a>
							</li>
					</ul>
			 </div>
			 <div class="doc-time-one">
										<ul>
											<li><a href="#"> 11:50 </a> </li>
											<li><a href="#"> 11:50 </a> </li>
											<li><a href="#"> 11:50 </a> </li>
											<li><a href="#"> 16:50 </a> </li>
										</ul>
									</div>
									 </div>
		</div>
	</body>
</html>

